<template>
    <div class="my" ref="homePage">
        <div class="edit_line arrow" @click="goto('mlist')">
            核销记录
        </div>
        <div class="edit_line M35 arrow" @click="goto('mlist')">
            推广记录
        </div>
    </div>
</template>
<script>
export default {
    data(){
        return{
            clientHeight:''
        }
    },
    mounted(){
      this.clientHeight = document.documentElement.clientHeight
      window.onresize = function temp() {
        this.clientHeight = document.documentElement.clientHeight;
      };
    },
    watch: {
      clientHeight: function () {
        this.changeFixed(this.clientHeight)
      }
    },
    methods:{
        changeFixed(clientHeight){ 
            console.log(clientHeight);
            this.$refs.homePage.style.height = clientHeight+'px';

        },
        goto(path){
            this.$router.push({
                path:'/'+path
            })
        }
    }
}
</script>
<style lang="">
.my{
    background-color: #EAECED;
    background-image:url('../assets/editBg.jpg');
    background-position: center top ;
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding-top: 218px;
    color: #040000;
    font-size: 43px;
}
.edit_line{
    background-color: #fff;
    height: 139px;
    line-height: 139px;
    color: #040000;
    padding: 0 64px;
}
.M35{margin-top: 35px;}
.arrow{
    background-image:url('../assets/arrow_right.png');
    background-position: 93% center ;
    background-repeat: no-repeat;
    background-size: 13px 25px;
}
</style>